<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
    /* td input{
         width: 100%;
         line-height: 1.5;
         vertical-align: top;
         border-top: 2px solid #f7f7f7; !*边框颜色*!
         outline:none;
     }*/
    .bar_name{
        font-size:8px;
        line-height:10px;
        word-wrap:break-word;
        width: 180px;
    }
    .bar_size{
        font-size:8px;
        line-height:12px;
        word-wrap:break-word;
    }
    .made_china{
        font-size:8px;
        line-height:12px;
        word-wrap:break-word;
    }
</style>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
    <div class="form-group">

        <div class="form-control-static col-sm-offset-7">
            <div class="checkbox checkbox-success checkbox-circle">
                <input onclick="print_label_style()" id="checkbox8" type="checkbox" >
                <label for="checkbox8">
                    是否FBS
                </label>
                <button onclick="print_label()" class="btn btn-primary">print</button>
                <button onclick="$.modal.close()" class="btn btn-danger" type="button">close</button>
            </div>

        </div>
    </div>
    <div id="print_label" style="width: 205px; margin-left: 10px;">
        <div class="bar00" style="height: 140px; padding-top: 3px;"
             th:each="location,purchasesStat : ${locationList}">
            <div class="bar01">货架标签<span ></span></div>
            <svg class="imgcode_text" th:id="'p0000000000'+${location.locationId} "/>
            <div class="bar_name">名称：<span th:text="${location.locationName}"></span></div>
            <div class="made_china">类型 : 普通货物</div>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>
<script th:src="@{/ajax/libs/JsBarcode/JsBarcode.all.min.js}"></script>
<script th:src="@{/ajax/libs/jquery-migrate/jQuery.print.min.js}"></script>
<script type="text/javascript">

    $('.imgcode_text').each(function () {
        var imageid = '#' + $(this).attr('id');
        var imagecode = imageid.substr(2, imageid.length)
        console.log(imageid)
        JsBarcode(imageid, imagecode, {
            format: "code128",//选择要使用的条形码类型
            width: 1,//设置条之间的宽度
            height: 40,//高度
            displayValue: true,//是否在条形码下方显示文字
            text: imagecode,//覆盖显示的文本
            fontOptions: "italic",//使文字加粗体或变斜体
            font: "fantasy",//设置文本的字体
            textAlign: "left",//设置文本的水平对齐方式
            textPosition: "bottom",//设置文本的垂直位置
            textMargin: 1,//设置条形码和文本之间的间距
            fontSize: 15,//设置文本的大小
            background: "#fff",//设置条形码的背景
            lineColor: "#000",//设置条和文本的颜色。
            margin: 0//设置条形码周围的空白边距
        });
    })

    function print_label () {
        $('#print_label').print({
            //是否读取页面的样式
            globalStyles: true,
            //添加与attrbute media=打印的链接。
            mediaPrint: false,
            //在隐藏的iframe中打印。
            iframe: true,
            //不打印 的内容（选择器）
            noPrintSelector: ".avoid-this",
            //在打印的html之前添加内容
            // prepend: "Hello World!!!<br/>",
            //在打印的html之后添加内容,这里添加的直接可以是jquery元素
            // append:aa.html(),
            //在window.print()调用后resolve一个jQuery.Deferred对象
            deferred: $.Deferred().done(function () {

            })
        });
    }

    var sta = 0;
    function print_label_style () {
        if (sta % 2 == 0){
            $('.made_china').html("类型 : FBS")
        }else {
            $('.made_china').html("类型 : 普通货物")
        }
        sta++;
    }

</script>
</body>
</html>
